<!DOCTYPE html>
<html lang="zh-Hans" dir="ltr">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <title>高效的前端知识库</title>
    <meta name="description" content="Colorful Design 是以解决方案为驱动，包含项目的最佳实践，最佳的组件实现和便捷的工具类封装">
    <meta name="generator" content="VitePress v1.1.3">
    <link rel="preload stylesheet" href="/site/assets/style.BOjdhSVd.css" as="style">
    <script type="module" src="/site/assets/chunks/metadata.98c8d44b.js"></script>
    <script type="module" src="/site/assets/app.6emZJF9V.js"></script>
    <link rel="preload" href="/site/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
    <link rel="modulepreload" href="/site/assets/chunks/framework.CpXV_ol5.js">
    <link rel="modulepreload" href="/site/assets/chunks/theme.BaXQ0oHj.js">
    <link rel="modulepreload" href="/site/assets/index.md.DBctDx-z.lean.js">
    <link rel="icon" type="image/png" href="https://www.anyup.cn/static/anyup/images/logo-heart-transparent.png">
    <link rel="stylesheet" href="//at.alicdn.com/t/c/font_4522599_t4534k2ng8.css">
    <meta name="theme-color" content="#5f67ee">
    <meta name="referrer" content="no-referrer">
    <meta name="keywords" content="anyup,Colorful Design,Colorful App,JavaScript,TypeScript,Vue3,uni-app,前端工具库,博客,blog">
    <meta property="og:type" content="website">
    <meta property="og:locale" content="zh">
    <meta property="og:title" content="Colorful Design | Vite &amp; Vue Powered Static Site Generator">
    <meta property="og:site_name" content="Colorful Design">
    <meta property="og:image" content="https://www.anyup.cn/static/anyup/images/vitepress-og.png">
    <meta property="og:url" content="https://www.anyup.cn">
    <script src="https://cdn.usefathom.com/script.js" data-site="AZBRSFGG" data-spa="auto" defer></script>
    <script src="//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js"></script>
    <meta name="baidu-site-verification" content="code-KOgnjImY1m">
    <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?b3d2cace082e577b291d93de68e86eaa";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
    <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
    <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
  </head>
  <body>
    <div id="app"><div class="Layout" data-v-5d98c3a5><!--[--><!--]--><!--[--><span tabindex="-1" data-v-0f60ec36></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-0f60ec36> Skip to content </a><!--]--><!----><header class="VPNav" data-v-5d98c3a5 data-v-ae24b3ad><div class="VPNavBar home top" data-v-ae24b3ad data-v-ccf7ddec><div class="wrapper" data-v-ccf7ddec><div class="container" data-v-ccf7ddec><div class="title" data-v-ccf7ddec><div class="VPNavBarTitle" data-v-ccf7ddec data-v-ab179fa1><a class="title" href="/site/" data-v-ab179fa1><!--[--><!--]--><!--[--><img class="VPImage logo" src="https://www.anyup.cn/static/anyup/images/logo1.png" width="65" height="24" alt data-v-8426fc1a><!--]--><span data-v-ab179fa1>高效的前端知识库</span><!--[--><!--]--></a></div></div><div class="content" data-v-ccf7ddec><div class="content-body" data-v-ccf7ddec><!--[--><!--]--><div class="VPNavBarSearch search" data-v-ccf7ddec><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-ccf7ddec data-v-7f418b0f><span id="main-nav-aria-label" class="visually-hidden" data-v-7f418b0f>Main Navigation</span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink active" href="/site/" tabindex="0" data-v-7f418b0f data-v-9c663999><!--[--><span data-v-9c663999>首页</span><!--]--></a><!--]--><!--[--><div class="VPFlyout VPNavBarMenuGroup" data-v-7f418b0f data-v-b6c34ac9><button type="button" class="button" aria-haspopup="true" aria-expanded="false" data-v-b6c34ac9><span class="text" data-v-b6c34ac9><!----><span data-v-b6c34ac9>uni-app 相关库</span><span class="vpi-chevron-down text-icon" data-v-b6c34ac9></span></span></button><div class="menu" data-v-b6c34ac9><div class="VPMenu" data-v-b6c34ac9 data-v-e7ea1737><div class="items" data-v-e7ea1737><!--[--><!--[--><div class="VPMenuLink" data-v-e7ea1737 data-v-43f1e123><a class="VPLink link" href="/site/zh/colorful-uni/guide/introduce.html" data-v-43f1e123><!--[-->uni-app 快速开发库<!--]--></a></div><!--]--><!--[--><div class="VPMenuLink" data-v-e7ea1737 data-v-43f1e123><a class="VPLink link" href="/site/zh/uni-http/guide/introduce.html" data-v-43f1e123><!--[-->uni-app 请求库<!--]--></a></div><!--]--><!--]--></div><!--[--><!--]--></div></div></div><!--]--><!--[--><div class="VPFlyout VPNavBarMenuGroup" data-v-7f418b0f data-v-b6c34ac9><button type="button" class="button" aria-haspopup="true" aria-expanded="false" data-v-b6c34ac9><span class="text" data-v-b6c34ac9><!----><span data-v-b6c34ac9>JS 相关库</span><span class="vpi-chevron-down text-icon" data-v-b6c34ac9></span></span></button><div class="menu" data-v-b6c34ac9><div class="VPMenu" data-v-b6c34ac9 data-v-e7ea1737><div class="items" data-v-e7ea1737><!--[--><!--[--><div class="VPMenuLink" data-v-e7ea1737 data-v-43f1e123><a class="VPLink link" href="/site/zh/flyit/guide/introduce.html" data-v-43f1e123><!--[-->flyit 工具库<!--]--></a></div><!--]--><!--]--></div><!--[--><!--]--></div></div></div><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/site/zh/template/create-uni/" tabindex="0" data-v-7f418b0f data-v-9c663999><!--[--><span data-v-9c663999>脚手架工具</span><!--]--></a><!--]--><!--[--><div class="VPFlyout VPNavBarMenuGroup" data-v-7f418b0f data-v-b6c34ac9><button type="button" class="button" aria-haspopup="true" aria-expanded="false" data-v-b6c34ac9><span class="text" data-v-b6c34ac9><!----><span data-v-b6c34ac9>博客园</span><span class="vpi-chevron-down text-icon" data-v-b6c34ac9></span></span></button><div class="menu" data-v-b6c34ac9><div class="VPMenu" data-v-b6c34ac9 data-v-e7ea1737><div class="items" data-v-e7ea1737><!--[--><!--[--><div class="VPMenuLink" data-v-e7ea1737 data-v-43f1e123><a class="VPLink link" href="/site/zh/blog/" data-v-43f1e123><!--[-->关于我<!--]--></a></div><!--]--><!--[--><div class="VPMenuLink" data-v-e7ea1737 data-v-43f1e123><a class="VPLink link" href="/site/zh/blog/uni-app/" data-v-43f1e123><!--[-->uni-app开发<!--]--></a></div><!--]--><!--[--><div class="VPMenuLink" data-v-e7ea1737 data-v-43f1e123><a class="VPLink link" href="/site/zh/blog/front-end/" data-v-43f1e123><!--[-->精通前端<!--]--></a></div><!--]--><!--[--><div class="VPMenuLink" data-v-e7ea1737 data-v-43f1e123><a class="VPLink link" href="/site/zh/blog/design-pattern/" data-v-43f1e123><!--[-->前端设计模式<!--]--></a></div><!--]--><!--[--><div class="VPMenuLink" data-v-e7ea1737 data-v-43f1e123><a class="VPLink link" href="/site/zh/blog/css/" data-v-43f1e123><!--[-->CSS样式表<!--]--></a></div><!--]--><!--[--><div class="VPMenuLink" data-v-e7ea1737 data-v-43f1e123><a class="VPLink link" href="/site/zh/blog/vuejs2/" data-v-43f1e123><!--[-->Vue开发<!--]--></a></div><!--]--><!--[--><div class="VPMenuLink" data-v-e7ea1737 data-v-43f1e123><a class="VPLink link" href="/site/zh/blog/tools/" data-v-43f1e123><!--[-->开发工具<!--]--></a></div><!--]--><!--[--><div class="VPMenuLink" data-v-e7ea1737 data-v-43f1e123><a class="VPLink link" href="/site/zh/blog/large-screen/" data-v-43f1e123><!--[-->可视化大屏<!--]--></a></div><!--]--><!--]--></div><!--[--><!--]--></div></div></div><!--]--><!--]--></nav><!----><div class="VPNavBarAppearance appearance" data-v-ccf7ddec data-v-e6aabb21><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="切换到深色模式" aria-checked="false" data-v-e6aabb21 data-v-d1f28634 data-v-1d5665e3><span class="check" data-v-1d5665e3><span class="icon" data-v-1d5665e3><!--[--><span class="vpi-sun sun" data-v-d1f28634></span><span class="vpi-moon moon" data-v-d1f28634></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-ccf7ddec data-v-0394ad82 data-v-7bc22406><!--[--><a class="VPSocialLink no-icon" href="https://github.com/anyup" aria-label="github" target="_blank" rel="noopener" data-v-7bc22406 data-v-eee4e7cb><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://gitee.com/anyup" aria-label target="_blank" rel="noopener" data-v-7bc22406 data-v-eee4e7cb><svg t="1716370022058" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3584" width="64" height="64"><path d="M512 512m-512 0a512 512 0 1 0 1024 0 512 512 0 1 0-1024 0Z" fill="#D81E06" p-id="3585"></path><path d="M771.17 455.1H480.42c-13.96 0-25.28 11.32-25.28 25.28l-0.03 63.23c0 13.95 11.3 25.28 25.28 25.28h177.02c13.96 0 25.28 11.32 25.28 25.28v12.64c0 41.89-33.95 75.84-75.84 75.84H366.62c-13.96 0-25.28-11.32-25.28-25.28V417.18c0-41.89 33.95-75.84 75.84-75.84H771.1c13.96 0 25.28-11.32 25.28-25.28l0.06-63.2c0-13.97-11.31-25.29-25.28-25.31H417.18c-104.72 0-189.61 84.88-189.63 189.6V771.1c0 13.95 11.33 25.28 25.28 25.28h372.93c94.25 0 170.66-76.41 170.66-170.66V480.35c0-13.96-11.32-25.28-25.28-25.28l0.03 0.03z" fill="#FFFFFF" p-id="3586"></path></svg></a><a class="VPSocialLink no-icon" href="https://blog.csdn.net/qq_24956515" aria-label target="_blank" rel="noopener" data-v-7bc22406 data-v-eee4e7cb><svg t="1725850307678" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1700" width="64" height="64"><path d="M512 1024C229.2224 1024 0 794.7776 0 512 0 229.2224 229.2224 0 512 0c282.7776 0 512 229.2224 512 512 0 282.7776-229.2224 512-512 512z m17.066667-413.525333c34.850133 4.352 68.778667 5.12 102.741333 2.0992 23.04-2.048 44.817067-8.362667 64.170667-21.9136 38.212267-26.794667 49.783467-85.1968 24.251733-123.050667-14.626133-21.7088-36.8128-30.344533-60.757333-35.498667-35.054933-7.543467-70.4512-5.751467-105.847467-3.413333-5.666133 0.3584-6.7584 3.072-7.236267 8.209067-3.072 32.682667-6.536533 65.314133-9.813333 97.962666-2.5088 24.814933-4.932267 49.629867-7.509333 75.605334z m53.4016-33.928534c1.962667-20.906667 3.6352-39.338667 5.4272-57.770666 1.553067-15.906133 3.413333-31.778133 4.727466-47.701334 0.3584-4.283733 1.553067-6.656 5.956267-6.382933 15.616 1.041067 31.709867 0.034133 46.728533 3.652267 36.488533 8.823467 48.725333 54.306133 23.3472 83.029333-15.8208 17.902933-36.7616 23.586133-59.255466 25.088-8.465067 0.546133-17.015467 0.085333-26.9312 0.085333zM512 434.295467c-2.184533-0.648533-3.5328-1.1776-4.932267-1.4336-37.717333-6.877867-75.690667-8.328533-113.646933-2.816-20.974933 3.037867-41.0112 9.489067-57.480533 23.330133-22.9888 19.319467-21.640533 46.848 4.4032 62.0032 13.056 7.594667 28.023467 12.509867 42.5984 17.288533 14.08 4.608 28.996267 6.826667 43.144533 11.264 12.5952 3.925333 14.011733 14.318933 3.584 22.306134-3.345067 2.56-7.441067 5.085867-11.537067 5.751466-11.195733 1.826133-22.698667 4.386133-33.826133 3.566934-24.098133-1.774933-48.042667-5.461333-72.5504-8.430934-1.365333 10.615467-2.935467 23.0912-4.5568 35.9424 4.181333 1.365333 7.68 2.730667 11.264 3.618134 33.9456 8.4992 68.386133 9.608533 102.912 5.12 20.087467-2.6112 39.4752-7.901867 56.695467-19.029334 28.603733-18.4832 36.693333-57.1904-4.676267-75.383466-14.506667-6.382933-30.190933-10.410667-45.482667-15.086934-11.4176-3.4816-23.313067-5.614933-34.525866-9.5232-9.7792-3.413333-11.144533-12.202667-3.037867-18.397866 4.6592-3.549867 10.717867-6.997333 16.384-7.3728a480.853333 480.853333 0 0 1 53.384533-0.853334c15.377067 0.699733 30.651733 3.549867 46.4896 5.5296L512 434.295467z m257.143467 2.048L750.933333 614.2976h54.152534c4.778667-45.636267 9.710933-90.7264 14.062933-135.8848 0.6144-6.365867 2.3552-8.840533 8.686933-9.0112 11.434667-0.273067 22.8864-1.979733 34.286934-1.570133 23.722667 0.853333 42.3936 9.728 38.4 43.264-2.901333 24.2688-5.597867 48.571733-8.2432 72.874666-1.092267 10.069333-1.826133 20.189867-2.730667 30.4128h55.330133c3.584-35.259733 7.9872-70.058667 10.496-104.994133 3.413333-47.4624-17.7664-73.3184-64.682666-80.213333-40.96-6.007467-81.339733-0.341333-121.5488 7.133866z m-483.498667 134.6048c-8.738133 1.297067-16.384 2.798933-24.098133 3.4816-25.6512 2.235733-51.319467 3.9424-76.305067-4.266667-13.909333-4.590933-24.6784-12.578133-29.7984-25.9584-7.901867-20.701867 0.887467-47.104 19.831467-60.3136 17.373867-12.117333 37.717333-15.9232 58.453333-15.9232 22.545067-0.017067 45.090133 2.423467 68.232533 3.84L307.2 432.298667c-15.069867-1.723733-29.4912-3.925333-43.997867-4.9152-41.0112-2.798933-80.64 2.6112-117.469866 20.462933-30.020267 14.557867-52.053333 36.010667-58.6752 68.130133-7.850667 38.144 11.537067 69.495467 51.7632 85.845334 19.1488 7.765333 39.287467 12.509867 60.0064 12.5952 24.746667 0.1024 49.493333-1.570133 74.205866-2.952534 3.106133-0.170667 8.311467-2.901333 8.669867-5.034666 1.979733-11.554133 2.730667-23.278933 3.9424-35.464534z" fill="#DD1700" p-id="1701"></path></svg></a><a class="VPSocialLink no-icon" href="https://www.yuque.com/anyup" aria-label target="_blank" rel="noopener" data-v-7bc22406 data-v-eee4e7cb><svg t="1725850403690" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1702" width="64" height="64"><path d="M512 0c282.773333 0 512 229.226667 512 512S794.773333 1024 512 1024 0 794.773333 0 512 229.226667 0 512 0z m67.626667 256.768c-62.101333 3.370667-103.744 24.789333-115.626667 30.805333 19.989333 5.781333 28.8 7.701333 41.621333 17.578667 12.842667 9.877333 33.066667 38.997333 16.64 77.013333-7.765333 17.792-80.426667 99.2-157.76 183.018667l-12.906666 13.973333-12.949334 13.973334a16904.213333 16904.213333 0 0 1-167.253333 177.557333c-8.746667 8.853333 62.122667 21.397333 135.402667 26.069333l11.008 0.64c14.656 0.768 29.269333 1.194667 43.2 1.194667 77.546667 0 128.917333-27.2 167.701333-60.650667 31.402667 8.426667 110.613333 22.4 178.176-39.253333 84.693333-77.248 68.053333-166.549333 64.704-184.597333-6.186667-33.472-21.653333-59.946667-28.309333-71.978667 0 0 8.32-12.757333 13.077333-25.514667 6.186667-16.128 7.381333-36.586667 7.381333-36.586666l40.917334-41.642667-51.861334-5.76c-11.904-29.376-26.410667-43.093333-40.682666-52.48-28.778667-19.029333-70.656-26.730667-132.48-23.36z" fill="#00b578" p-id="1703"></path></svg></a><a class="VPSocialLink no-icon" href="https://juejin.cn/user/4230576472589976/posts" aria-label target="_blank" rel="noopener" data-v-7bc22406 data-v-eee4e7cb><svg t="1726024953889" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3562" width="64" height="64"><path d="M512.010445 0.000585A512.281535 512.281535 0 0 0 1.016196 479.339287c-19.250785 305.964609 237.679908 562.895302 543.644517 543.644517A511.98897 511.98897 0 0 0 512.010445 0.000585z" fill="#2180FF" p-id="3563"></path><path d="M481.700698 269.160501l21.064689-15.798517a75.189237 75.189237 0 0 1 8.89398-6.846024 118.547389 118.547389 0 0 1 13.692048 10.005728l21.591306 16.851751a20.88915 20.88915 0 0 0 5.851303 4.212938A52.661723 52.661723 0 0 0 563.794472 286.714408q6.319407 5.266172 10.532345 8.425876a18.548629 18.548629 0 0 1 3.68632 4.212938q0 0.526617-2.106468 2.106469-0.526617 0.526617-8.952493 6.846024t-20.011455 15.740004q-11.702605 10.005727-20.538072 16.851751t-11.058962 8.425875l-3.68632 2.633087-24.16588-19.484838a167.69833 167.69833 0 0 1-17.553907-13.633535q-7.372641-5.851303-8.425876-6.319406l-2.457547-2.399034q-2.633086-2.106469-6.319406-4.739555l-7.372642-5.851303 4.212938-3.686321A70.80076 70.80076 0 0 1 460.636009 286.714408zM643.664752 394.144323q11.058962-7.899258 18.95822-14.218665a36.453615 36.453615 0 0 1 8.425875-5.851303q3.042677 2.633086 21.006177 16.851751c11.702605 9.47911 18.431603 14.862308 20.538071 16.266621q0 1.053234-5.851302 5.851303l-13.692048 11.058962q-8.425876 6.319407-20.011455 15.798516-12.521787 10.005727-22.586027 17.553908-10.005727 8.425876-21.064689 16.851751c-7.372641 5.851303-13.516509 10.707884-18.431603 14.160152L600.072548 497.361299q-4.739555 3.686321-5.266172 4.212938c-1.755391 1.404313-8.89398 7.021563-21.532794 16.851751s-23.40521 18.95822-35.107815 28.43733l-4.739555 3.159704q-3.686321 3.159703-7.899258 6.319407l-11.234501 8.308849a3.10119 3.10119 0 0 1-2.633086 1.579852q-0.526617 0.526617-2.106469-1.053235c-1.3458-0.702156-7.840745-5.851303-19.426324-15.271899s-26.5064-20.362533-43.70923-33.703503q-47.805142-37.91644-64.364328-51.023358l-24.224392-19.484837q-4.212938-3.159703-10.005728-7.899258c-3.803347-3.159703-7.489667-5.851303-11.000448-8.952493a46.166777 46.166777 0 0 1-8.952493-6.846024 16.032569 16.032569 0 0 1-4.739555-3.686321 31.889599 31.889599 0 0 0-2.633086-2.106469 16.500673 16.500673 0 0 0-4.212938-3.159703q-7.899258-6.319407-4.739555-6.319407a1.521339 1.521339 0 0 0 1.053234-0.526617l3.159704-2.047956a5.090633 5.090633 0 0 1 2.633086-2.106469l2.106469-2.106469a64.890945 64.890945 0 0 0 6.319406-4.739555L336.997987 386.186551c4.212938-3.510782 7.899258-6.319407 11.000448-8.425875a53.831983 53.831983 0 0 1 5.266173-3.686321 11.702605 11.702605 0 0 1 3.159703 1.579852l4.739555 4.739555q18.431603 13.692048 40.549527 31.011903t30.485286 24.224393a15.447439 15.447439 0 0 0 4.212938 3.68632l5.266172 4.212938a57.459791 57.459791 0 0 0 4.739555 4.212938q3.159703 2.106469 4.212938 2.633086a60.443955 60.443955 0 0 0 5.851302 4.739555A86.131173 86.131173 0 0 0 465.375564 462.253484q26.857479 21.064689 35.107815 27.8522a81.508644 81.508644 0 0 0 8.89398 6.846024c-1.3458 3.159703 4.915094-0.526617 18.95822-11.000449S580.295145 444.699576 643.664752 394.144323zM200.136021 496.717656l14.218665-11.702605a33.46945 33.46945 0 0 1 5.851302-4.212938q0-1.053234 7.372642 4.739555t32.12365 25.745731q6.787511 4.739555 23.405211 17.904986t35.107815 27.910713l65.76864 51.549975q18.431603 15.2719 20.538072 16.851751a58.513025 58.513025 0 0 1 8.952493 7.372641c5.266172 3.86186 11.058962 8.250337 17.553907 13.165431l16.851751 13.106918 7.372642 6.319406q1.053234 0.526617 4.212937 2.633087l6.846024 5.851302a36.921719 36.921719 0 0 0 7.372642 5.266172q2.633086 3.159703 3.159703 3.159704l1.579852 1.053234a17.553908 17.553908 0 0 0 2.633086 2.106469l3.68632 2.633086a8.250337 8.250337 0 0 0 2.106469 1.579852 8.601415 8.601415 0 0 0 3.159704 2.633086l8.425875 6.319407a57.459791 57.459791 0 0 1 4.739555 4.212938q1.579852 1.579852 2.106469 1.579851t1.579852 1.053235a3.452268 3.452268 0 0 0 2.047956 1.579851l2.633086 2.106469 7.372641-5.266172a64.364328 64.364328 0 0 1 9.47911-7.372641 136.74494 136.74494 0 0 1 11.058962-8.952493q5.266172-4.212938 15.798517-12.112196t20.011454-16.325134c7.021563-5.266172 14.394204-11.000449 22.059411-17.553908s14.569743-11.058962 19.484837-15.271899 9.303571-7.197102 13.165431-10.005728a20.479559 20.479559 0 0 0 6.319407-5.851302q1.053234-0.526617 9.47911-7.372641t20.011454-16.325134l20.479559-15.2719c5.851303-4.505503 9.128032-6.96305 9.47911-7.314128l2.633086-2.633086a22.23495 22.23495 0 0 0 5.851303-4.212938q7.372641-5.851303 9.47911-7.899258a14.043126 14.043126 0 0 1 4.739555-3.159704 44.820977 44.820977 0 0 1 5.266172-4.212938l6.846024-5.851302a73.726412 73.726412 0 0 0 6.846024-4.739555q2.633086-2.106469 2.633086-2.633086a10.06424 10.06424 0 0 0 4.212938-2.633086l8.425876-7.372642a57.459791 57.459791 0 0 0 8.367362-6.846024q4.212938-2.633086 5.266172-3.159703a37.389823 37.389823 0 0 1 6.319407-5.851302 117.435642 117.435642 0 0 1 12.638814-9.479111c7.372641-5.851303 12.463274-9.947214 15.271899-12.053683s4.739555-1.579852 4.739555-0.526617 0.702156 1.053234 2.106469 2.106469a14.979334 14.979334 0 0 1 3.159703 2.633086 110.82367 110.82367 0 0 1 12.112197 9.947214 97.716752 97.716752 0 0 1 9.011006 7.548181q0 0.526617 2.106468 1.579851a60.853546 60.853546 0 0 1 5.20766 4.739555l7.372641 5.266173-3.159703 1.579851q-0.526617 1.579852-4.212938 3.159704a28.378817 28.378817 0 0 1-5.851303 5.266172 46.81042 46.81042 0 0 0-5.851302 4.739555l-2.633086 2.106469a25.745731 25.745731 0 0 0-2.633087 1.579852 52.193618 52.193618 0 0 1-4.212937 3.68632q-7.899258 6.319407-18.431603 14.218665t-12.112197 10.005728q-1.579852 1.053234-7.899258 5.851302c-4.564016 3.452268-9.830188 7.665206-15.798517 12.580301q-22.586028 18.431603-35.107815 27.384095-12.112196 10.005727-26.330861 21.064689-7.899258 6.319407-13.165431 10.005728a62.316372 62.316372 0 0 1-6.846024 5.851302 23.814801 23.814801 0 0 0-3.159703 2.106469l-3.159703 3.686321-4.212938 2.574573-2.047956 2.106469q-4.212938 2.633086-18.95822 14.218665-13.692048 11.058962-26.330862 20.538072a112.7546 112.7546 0 0 1-11.058961 8.952492l-5.266173 4.739556a5.441711 5.441711 0 0 0-2.106469 1.053234 17.553908 17.553908 0 0 0-2.633086 2.106469q-2.106469 1.579852-5.266172 4.212938a27.150044 27.150044 0 0 0-5.851303 5.266172q-8.30885 5.851303-32.591755 25.219114t-38.443057 30.017182a47.39555 47.39555 0 0 1-6.846024 4.739555 10.590858 10.590858 0 0 1-3.159703 2.106469c-0.702156-0.351078-5.558737-4.037399-14.68677-11.058962l-34.756737-27.910713q-21.591306-16.266621-43.650716-33.64499t-34.23012-27.910713l-21.591306-16.325134q-10.005727-7.899258-11.058962-8.425875c-2.106469-1.755391-5.851303-4.505503-10.473832-8.367363s-13.165431-10.707884-25.804244-20.538072q-11.702605-9.47911-23.40521-18.431603t-16.325134-13.457995c-7.723719-6.319407-13.633535-11.058962-17.553907-14.218666s-11.702605-9.245058-22.117924-17.553907q-43.1241-33.059859-51.023358-39.788857c-5.207659-4.212938-6.96305-6.319407-5.207659-6.319407 0.702156-0.702156 2.984164-2.633086 6.787511-5.851302s8.601415-6.787511 14.218665-11.000449z" fill="#FFFFFF" p-id="3564"></path></svg></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-ccf7ddec data-v-d0bd9dde data-v-b6c34ac9><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-b6c34ac9><span class="vpi-more-horizontal icon" data-v-b6c34ac9></span></button><div class="menu" data-v-b6c34ac9><div class="VPMenu" data-v-b6c34ac9 data-v-e7ea1737><!----><!--[--><!--[--><!----><div class="group" data-v-d0bd9dde><div class="item appearance" data-v-d0bd9dde><p class="label" data-v-d0bd9dde>主题</p><div class="appearance-action" data-v-d0bd9dde><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="切换到深色模式" aria-checked="false" data-v-d0bd9dde data-v-d1f28634 data-v-1d5665e3><span class="check" data-v-1d5665e3><span class="icon" data-v-1d5665e3><!--[--><span class="vpi-sun sun" data-v-d1f28634></span><span class="vpi-moon moon" data-v-d1f28634></span><!--]--></span></span></button></div></div></div><div class="group" data-v-d0bd9dde><div class="item social-links" data-v-d0bd9dde><div class="VPSocialLinks social-links-list" data-v-d0bd9dde data-v-7bc22406><!--[--><a class="VPSocialLink no-icon" href="https://github.com/anyup" aria-label="github" target="_blank" rel="noopener" data-v-7bc22406 data-v-eee4e7cb><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://gitee.com/anyup" aria-label target="_blank" rel="noopener" data-v-7bc22406 data-v-eee4e7cb><svg t="1716370022058" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3584" width="64" height="64"><path d="M512 512m-512 0a512 512 0 1 0 1024 0 512 512 0 1 0-1024 0Z" fill="#D81E06" p-id="3585"></path><path d="M771.17 455.1H480.42c-13.96 0-25.28 11.32-25.28 25.28l-0.03 63.23c0 13.95 11.3 25.28 25.28 25.28h177.02c13.96 0 25.28 11.32 25.28 25.28v12.64c0 41.89-33.95 75.84-75.84 75.84H366.62c-13.96 0-25.28-11.32-25.28-25.28V417.18c0-41.89 33.95-75.84 75.84-75.84H771.1c13.96 0 25.28-11.32 25.28-25.28l0.06-63.2c0-13.97-11.31-25.29-25.28-25.31H417.18c-104.72 0-189.61 84.88-189.63 189.6V771.1c0 13.95 11.33 25.28 25.28 25.28h372.93c94.25 0 170.66-76.41 170.66-170.66V480.35c0-13.96-11.32-25.28-25.28-25.28l0.03 0.03z" fill="#FFFFFF" p-id="3586"></path></svg></a><a class="VPSocialLink no-icon" href="https://blog.csdn.net/qq_24956515" aria-label target="_blank" rel="noopener" data-v-7bc22406 data-v-eee4e7cb><svg t="1725850307678" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1700" width="64" height="64"><path d="M512 1024C229.2224 1024 0 794.7776 0 512 0 229.2224 229.2224 0 512 0c282.7776 0 512 229.2224 512 512 0 282.7776-229.2224 512-512 512z m17.066667-413.525333c34.850133 4.352 68.778667 5.12 102.741333 2.0992 23.04-2.048 44.817067-8.362667 64.170667-21.9136 38.212267-26.794667 49.783467-85.1968 24.251733-123.050667-14.626133-21.7088-36.8128-30.344533-60.757333-35.498667-35.054933-7.543467-70.4512-5.751467-105.847467-3.413333-5.666133 0.3584-6.7584 3.072-7.236267 8.209067-3.072 32.682667-6.536533 65.314133-9.813333 97.962666-2.5088 24.814933-4.932267 49.629867-7.509333 75.605334z m53.4016-33.928534c1.962667-20.906667 3.6352-39.338667 5.4272-57.770666 1.553067-15.906133 3.413333-31.778133 4.727466-47.701334 0.3584-4.283733 1.553067-6.656 5.956267-6.382933 15.616 1.041067 31.709867 0.034133 46.728533 3.652267 36.488533 8.823467 48.725333 54.306133 23.3472 83.029333-15.8208 17.902933-36.7616 23.586133-59.255466 25.088-8.465067 0.546133-17.015467 0.085333-26.9312 0.085333zM512 434.295467c-2.184533-0.648533-3.5328-1.1776-4.932267-1.4336-37.717333-6.877867-75.690667-8.328533-113.646933-2.816-20.974933 3.037867-41.0112 9.489067-57.480533 23.330133-22.9888 19.319467-21.640533 46.848 4.4032 62.0032 13.056 7.594667 28.023467 12.509867 42.5984 17.288533 14.08 4.608 28.996267 6.826667 43.144533 11.264 12.5952 3.925333 14.011733 14.318933 3.584 22.306134-3.345067 2.56-7.441067 5.085867-11.537067 5.751466-11.195733 1.826133-22.698667 4.386133-33.826133 3.566934-24.098133-1.774933-48.042667-5.461333-72.5504-8.430934-1.365333 10.615467-2.935467 23.0912-4.5568 35.9424 4.181333 1.365333 7.68 2.730667 11.264 3.618134 33.9456 8.4992 68.386133 9.608533 102.912 5.12 20.087467-2.6112 39.4752-7.901867 56.695467-19.029334 28.603733-18.4832 36.693333-57.1904-4.676267-75.383466-14.506667-6.382933-30.190933-10.410667-45.482667-15.086934-11.4176-3.4816-23.313067-5.614933-34.525866-9.5232-9.7792-3.413333-11.144533-12.202667-3.037867-18.397866 4.6592-3.549867 10.717867-6.997333 16.384-7.3728a480.853333 480.853333 0 0 1 53.384533-0.853334c15.377067 0.699733 30.651733 3.549867 46.4896 5.5296L512 434.295467z m257.143467 2.048L750.933333 614.2976h54.152534c4.778667-45.636267 9.710933-90.7264 14.062933-135.8848 0.6144-6.365867 2.3552-8.840533 8.686933-9.0112 11.434667-0.273067 22.8864-1.979733 34.286934-1.570133 23.722667 0.853333 42.3936 9.728 38.4 43.264-2.901333 24.2688-5.597867 48.571733-8.2432 72.874666-1.092267 10.069333-1.826133 20.189867-2.730667 30.4128h55.330133c3.584-35.259733 7.9872-70.058667 10.496-104.994133 3.413333-47.4624-17.7664-73.3184-64.682666-80.213333-40.96-6.007467-81.339733-0.341333-121.5488 7.133866z m-483.498667 134.6048c-8.738133 1.297067-16.384 2.798933-24.098133 3.4816-25.6512 2.235733-51.319467 3.9424-76.305067-4.266667-13.909333-4.590933-24.6784-12.578133-29.7984-25.9584-7.901867-20.701867 0.887467-47.104 19.831467-60.3136 17.373867-12.117333 37.717333-15.9232 58.453333-15.9232 22.545067-0.017067 45.090133 2.423467 68.232533 3.84L307.2 432.298667c-15.069867-1.723733-29.4912-3.925333-43.997867-4.9152-41.0112-2.798933-80.64 2.6112-117.469866 20.462933-30.020267 14.557867-52.053333 36.010667-58.6752 68.130133-7.850667 38.144 11.537067 69.495467 51.7632 85.845334 19.1488 7.765333 39.287467 12.509867 60.0064 12.5952 24.746667 0.1024 49.493333-1.570133 74.205866-2.952534 3.106133-0.170667 8.311467-2.901333 8.669867-5.034666 1.979733-11.554133 2.730667-23.278933 3.9424-35.464534z" fill="#DD1700" p-id="1701"></path></svg></a><a class="VPSocialLink no-icon" href="https://www.yuque.com/anyup" aria-label target="_blank" rel="noopener" data-v-7bc22406 data-v-eee4e7cb><svg t="1725850403690" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1702" width="64" height="64"><path d="M512 0c282.773333 0 512 229.226667 512 512S794.773333 1024 512 1024 0 794.773333 0 512 229.226667 0 512 0z m67.626667 256.768c-62.101333 3.370667-103.744 24.789333-115.626667 30.805333 19.989333 5.781333 28.8 7.701333 41.621333 17.578667 12.842667 9.877333 33.066667 38.997333 16.64 77.013333-7.765333 17.792-80.426667 99.2-157.76 183.018667l-12.906666 13.973333-12.949334 13.973334a16904.213333 16904.213333 0 0 1-167.253333 177.557333c-8.746667 8.853333 62.122667 21.397333 135.402667 26.069333l11.008 0.64c14.656 0.768 29.269333 1.194667 43.2 1.194667 77.546667 0 128.917333-27.2 167.701333-60.650667 31.402667 8.426667 110.613333 22.4 178.176-39.253333 84.693333-77.248 68.053333-166.549333 64.704-184.597333-6.186667-33.472-21.653333-59.946667-28.309333-71.978667 0 0 8.32-12.757333 13.077333-25.514667 6.186667-16.128 7.381333-36.586667 7.381333-36.586666l40.917334-41.642667-51.861334-5.76c-11.904-29.376-26.410667-43.093333-40.682666-52.48-28.778667-19.029333-70.656-26.730667-132.48-23.36z" fill="#00b578" p-id="1703"></path></svg></a><a class="VPSocialLink no-icon" href="https://juejin.cn/user/4230576472589976/posts" aria-label target="_blank" rel="noopener" data-v-7bc22406 data-v-eee4e7cb><svg t="1726024953889" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3562" width="64" height="64"><path d="M512.010445 0.000585A512.281535 512.281535 0 0 0 1.016196 479.339287c-19.250785 305.964609 237.679908 562.895302 543.644517 543.644517A511.98897 511.98897 0 0 0 512.010445 0.000585z" fill="#2180FF" p-id="3563"></path><path d="M481.700698 269.160501l21.064689-15.798517a75.189237 75.189237 0 0 1 8.89398-6.846024 118.547389 118.547389 0 0 1 13.692048 10.005728l21.591306 16.851751a20.88915 20.88915 0 0 0 5.851303 4.212938A52.661723 52.661723 0 0 0 563.794472 286.714408q6.319407 5.266172 10.532345 8.425876a18.548629 18.548629 0 0 1 3.68632 4.212938q0 0.526617-2.106468 2.106469-0.526617 0.526617-8.952493 6.846024t-20.011455 15.740004q-11.702605 10.005727-20.538072 16.851751t-11.058962 8.425875l-3.68632 2.633087-24.16588-19.484838a167.69833 167.69833 0 0 1-17.553907-13.633535q-7.372641-5.851303-8.425876-6.319406l-2.457547-2.399034q-2.633086-2.106469-6.319406-4.739555l-7.372642-5.851303 4.212938-3.686321A70.80076 70.80076 0 0 1 460.636009 286.714408zM643.664752 394.144323q11.058962-7.899258 18.95822-14.218665a36.453615 36.453615 0 0 1 8.425875-5.851303q3.042677 2.633086 21.006177 16.851751c11.702605 9.47911 18.431603 14.862308 20.538071 16.266621q0 1.053234-5.851302 5.851303l-13.692048 11.058962q-8.425876 6.319407-20.011455 15.798516-12.521787 10.005727-22.586027 17.553908-10.005727 8.425876-21.064689 16.851751c-7.372641 5.851303-13.516509 10.707884-18.431603 14.160152L600.072548 497.361299q-4.739555 3.686321-5.266172 4.212938c-1.755391 1.404313-8.89398 7.021563-21.532794 16.851751s-23.40521 18.95822-35.107815 28.43733l-4.739555 3.159704q-3.686321 3.159703-7.899258 6.319407l-11.234501 8.308849a3.10119 3.10119 0 0 1-2.633086 1.579852q-0.526617 0.526617-2.106469-1.053235c-1.3458-0.702156-7.840745-5.851303-19.426324-15.271899s-26.5064-20.362533-43.70923-33.703503q-47.805142-37.91644-64.364328-51.023358l-24.224392-19.484837q-4.212938-3.159703-10.005728-7.899258c-3.803347-3.159703-7.489667-5.851303-11.000448-8.952493a46.166777 46.166777 0 0 1-8.952493-6.846024 16.032569 16.032569 0 0 1-4.739555-3.686321 31.889599 31.889599 0 0 0-2.633086-2.106469 16.500673 16.500673 0 0 0-4.212938-3.159703q-7.899258-6.319407-4.739555-6.319407a1.521339 1.521339 0 0 0 1.053234-0.526617l3.159704-2.047956a5.090633 5.090633 0 0 1 2.633086-2.106469l2.106469-2.106469a64.890945 64.890945 0 0 0 6.319406-4.739555L336.997987 386.186551c4.212938-3.510782 7.899258-6.319407 11.000448-8.425875a53.831983 53.831983 0 0 1 5.266173-3.686321 11.702605 11.702605 0 0 1 3.159703 1.579852l4.739555 4.739555q18.431603 13.692048 40.549527 31.011903t30.485286 24.224393a15.447439 15.447439 0 0 0 4.212938 3.68632l5.266172 4.212938a57.459791 57.459791 0 0 0 4.739555 4.212938q3.159703 2.106469 4.212938 2.633086a60.443955 60.443955 0 0 0 5.851302 4.739555A86.131173 86.131173 0 0 0 465.375564 462.253484q26.857479 21.064689 35.107815 27.8522a81.508644 81.508644 0 0 0 8.89398 6.846024c-1.3458 3.159703 4.915094-0.526617 18.95822-11.000449S580.295145 444.699576 643.664752 394.144323zM200.136021 496.717656l14.218665-11.702605a33.46945 33.46945 0 0 1 5.851302-4.212938q0-1.053234 7.372642 4.739555t32.12365 25.745731q6.787511 4.739555 23.405211 17.904986t35.107815 27.910713l65.76864 51.549975q18.431603 15.2719 20.538072 16.851751a58.513025 58.513025 0 0 1 8.952493 7.372641c5.266172 3.86186 11.058962 8.250337 17.553907 13.165431l16.851751 13.106918 7.372642 6.319406q1.053234 0.526617 4.212937 2.633087l6.846024 5.851302a36.921719 36.921719 0 0 0 7.372642 5.266172q2.633086 3.159703 3.159703 3.159704l1.579852 1.053234a17.553908 17.553908 0 0 0 2.633086 2.106469l3.68632 2.633086a8.250337 8.250337 0 0 0 2.106469 1.579852 8.601415 8.601415 0 0 0 3.159704 2.633086l8.425875 6.319407a57.459791 57.459791 0 0 1 4.739555 4.212938q1.579852 1.579852 2.106469 1.579851t1.579852 1.053235a3.452268 3.452268 0 0 0 2.047956 1.579851l2.633086 2.106469 7.372641-5.266172a64.364328 64.364328 0 0 1 9.47911-7.372641 136.74494 136.74494 0 0 1 11.058962-8.952493q5.266172-4.212938 15.798517-12.112196t20.011454-16.325134c7.021563-5.266172 14.394204-11.000449 22.059411-17.553908s14.569743-11.058962 19.484837-15.271899 9.303571-7.197102 13.165431-10.005728a20.479559 20.479559 0 0 0 6.319407-5.851302q1.053234-0.526617 9.47911-7.372641t20.011454-16.325134l20.479559-15.2719c5.851303-4.505503 9.128032-6.96305 9.47911-7.314128l2.633086-2.633086a22.23495 22.23495 0 0 0 5.851303-4.212938q7.372641-5.851303 9.47911-7.899258a14.043126 14.043126 0 0 1 4.739555-3.159704 44.820977 44.820977 0 0 1 5.266172-4.212938l6.846024-5.851302a73.726412 73.726412 0 0 0 6.846024-4.739555q2.633086-2.106469 2.633086-2.633086a10.06424 10.06424 0 0 0 4.212938-2.633086l8.425876-7.372642a57.459791 57.459791 0 0 0 8.367362-6.846024q4.212938-2.633086 5.266172-3.159703a37.389823 37.389823 0 0 1 6.319407-5.851302 117.435642 117.435642 0 0 1 12.638814-9.479111c7.372641-5.851303 12.463274-9.947214 15.271899-12.053683s4.739555-1.579852 4.739555-0.526617 0.702156 1.053234 2.106469 2.106469a14.979334 14.979334 0 0 1 3.159703 2.633086 110.82367 110.82367 0 0 1 12.112197 9.947214 97.716752 97.716752 0 0 1 9.011006 7.548181q0 0.526617 2.106468 1.579851a60.853546 60.853546 0 0 1 5.20766 4.739555l7.372641 5.266173-3.159703 1.579851q-0.526617 1.579852-4.212938 3.159704a28.378817 28.378817 0 0 1-5.851303 5.266172 46.81042 46.81042 0 0 0-5.851302 4.739555l-2.633086 2.106469a25.745731 25.745731 0 0 0-2.633087 1.579852 52.193618 52.193618 0 0 1-4.212937 3.68632q-7.899258 6.319407-18.431603 14.218665t-12.112197 10.005728q-1.579852 1.053234-7.899258 5.851302c-4.564016 3.452268-9.830188 7.665206-15.798517 12.580301q-22.586028 18.431603-35.107815 27.384095-12.112196 10.005727-26.330861 21.064689-7.899258 6.319407-13.165431 10.005728a62.316372 62.316372 0 0 1-6.846024 5.851302 23.814801 23.814801 0 0 0-3.159703 2.106469l-3.159703 3.686321-4.212938 2.574573-2.047956 2.106469q-4.212938 2.633086-18.95822 14.218665-13.692048 11.058962-26.330862 20.538072a112.7546 112.7546 0 0 1-11.058961 8.952492l-5.266173 4.739556a5.441711 5.441711 0 0 0-2.106469 1.053234 17.553908 17.553908 0 0 0-2.633086 2.106469q-2.106469 1.579852-5.266172 4.212938a27.150044 27.150044 0 0 0-5.851303 5.266172q-8.30885 5.851303-32.591755 25.219114t-38.443057 30.017182a47.39555 47.39555 0 0 1-6.846024 4.739555 10.590858 10.590858 0 0 1-3.159703 2.106469c-0.702156-0.351078-5.558737-4.037399-14.68677-11.058962l-34.756737-27.910713q-21.591306-16.266621-43.650716-33.64499t-34.23012-27.910713l-21.591306-16.325134q-10.005727-7.899258-11.058962-8.425875c-2.106469-1.755391-5.851303-4.505503-10.473832-8.367363s-13.165431-10.707884-25.804244-20.538072q-11.702605-9.47911-23.40521-18.431603t-16.325134-13.457995c-7.723719-6.319407-13.633535-11.058962-17.553907-14.218666s-11.702605-9.245058-22.117924-17.553907q-43.1241-33.059859-51.023358-39.788857c-5.207659-4.212938-6.96305-6.319407-5.207659-6.319407 0.702156-0.702156 2.984164-2.633086 6.787511-5.851302s8.601415-6.787511 14.218665-11.000449z" fill="#FFFFFF" p-id="3564"></path></svg></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-ccf7ddec data-v-e5dd9c1c><span class="container" data-v-e5dd9c1c><span class="top" data-v-e5dd9c1c></span><span class="middle" data-v-e5dd9c1c></span><span class="bottom" data-v-e5dd9c1c></span></span></button></div></div></div></div><div class="divider" data-v-ccf7ddec><div class="divider-line" data-v-ccf7ddec></div></div></div><!----></header><!----><!----><div class="VPContent is-home" id="VPContent" data-v-5d98c3a5 data-v-1428d186><div class="VPHome" data-v-1428d186 data-v-686f80a6><!--[--><!--]--><div class="VPHero has-image VPHomeHero" data-v-686f80a6 data-v-303bb580><div class="container" data-v-303bb580><div class="main" data-v-303bb580><!--[--><!--]--><!--[--><h1 class="name" data-v-303bb580><span class="clip" data-v-303bb580>Colorful   Design</span></h1><!----><p class="tagline" data-v-303bb580>崇尚大道至简的前端知识库</p><!--]--><!--[--><!--]--><div class="actions" data-v-303bb580><!--[--><div class="action" data-v-303bb580><a class="VPButton medium brand" href="/site/zh/colorful-uni/guide/introduce.html" data-v-303bb580 data-v-cad61b99>🚀 uni-app快速开发库</a></div><div class="action" data-v-303bb580><a class="VPButton medium brand" href="/site/zh/uni-http/guide/introduce.html" data-v-303bb580 data-v-cad61b99>🚀 uni-app请求库</a></div><div class="action" data-v-303bb580><a class="VPButton medium brand" href="/site/zh/flyit/guide/introduce.html" data-v-303bb580 data-v-cad61b99>🎯 flyit工具库</a></div><div class="action" data-v-303bb580><a class="VPButton medium brand" href="/site/zh/template/create-uni/" data-v-303bb580 data-v-cad61b99>💪 脚手架工具</a></div><div class="action" data-v-303bb580><a class="VPButton medium brand" href="/site/zh/blog/" data-v-303bb580 data-v-cad61b99>📖 我的博客</a></div><!--]--></div><!--[--><!--]--></div><div class="image" data-v-303bb580><div class="image-container" data-v-303bb580><div class="image-bg" data-v-303bb580></div><!--[--><!--[--><img class="VPImage image-src" src="/site/images/vitepress-logo-large.png" alt="VitePress" data-v-8426fc1a><!--]--><!--]--></div></div></div></div><!--[--><!--]--><!--[--><!--]--><div class="VPFeatures VPHomeFeatures" data-v-686f80a6 data-v-a6181336><div class="container" data-v-a6181336><div class="items" data-v-a6181336><!--[--><div class="grid-4 item" data-v-a6181336><div class="VPLink no-icon VPFeature" data-v-a6181336 data-v-a3976bdc><!--[--><article class="box" data-v-a3976bdc><div class="icon" data-v-a3976bdc><svg t="1713946731105" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1221" width="64" height="64"><path d="M926.7 163.7V90.8H547.2l-3.6-20.9h-44l-3.8 21.8H244.1v72.1h22.8c70.6 0 141.2-0.1 211.7 0.1 7.9 0 18.9-3.5 19.2 10.6 0.3 16.4 0.1 32.8 0.1 51.4H244.2v256.7h682.1V224.8H547v-61.1h379.7zM566.2 286.9c89.9-0.1 179.7 0.3 269.6-0.3 16-0.1 22.6 3.7 22 20.8-1.2 33.9 0.1 67.9-1 101.8-0.2 5.4-7.6 15-11.8 15.1-45.8 1.1-91.7 0.7-140.7 0.7v-82.3h-48.5v81H314.5v-135h183.1v86.2H545v-86.7c8.4-0.5 14.8-1.3 21.2-1.3z" fill="#040000" p-id="1222"></path><path d="M397.9 953.9v-215H290.3v210.3h-46.1v-283h201.6v70.3c0 47.3 0.4 94.6-0.3 141.9-0.2 13 3.9 17.5 17 17.5 95.2-0.4 190.5-0.3 285.7 0 12 0.1 16.6-3.9 16.4-16-0.4-42.6 0.2-85.3-0.6-127.9-0.1-5-7-14-10.8-14.1-61.8-0.9-123.6-0.6-186.8-0.6V787h132.3v58.4h-179v-179h291.5v287.4l-413.3 0.1z" fill="#E35442" p-id="1223"></path><path d="M180.7 951.9h-80.6V230.3h80.6v721.6zM243.5 545.6h567.7v68.9H243.5zM881.7 546.6h45.1c0.4 8.2 1.1 15.9 1.1 23.6 0.1 117.2 0.1 234.3 0 351.5 0 31.6 0 31.6-31.1 31-4.6-0.1-9.2-0.6-15.2-1l0.1-405.1zM100.2 92.8h80.4v69.5h-80.4z" fill="#040000" p-id="1224"></path></svg></div><h2 class="title" data-v-a3976bdc>大道至简</h2><p class="details" data-v-a3976bdc>本着简洁至上，低代码开发的标准设计，开箱即用，自定义可扩展性。</p><!----></article><!--]--></div></div><div class="grid-4 item" data-v-a6181336><div class="VPLink no-icon VPFeature" data-v-a6181336 data-v-a3976bdc><!--[--><article class="box" data-v-a3976bdc><div class="icon" data-v-a3976bdc><svg t="1713947000546" class="icon" viewBox="0 0 1264 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="11880" width="64" height="64"><path d="M129.355294 0h986.895059c23.04 0 41.743059 18.672941 41.743059 41.743059v590.757647H87.582118V41.743059C87.582118 18.672941 106.255059 0 129.355294 0" fill="#F83CB6" p-id="11881"></path><path d="M1245.575529 632.500706H0v165.436235h237.808941l43.971765-77.854117H960.451765l44.875294 77.854117h240.24847z" fill="#F9D11F" p-id="11882"></path><path d="M122.398118 1002.315294h145.287529l87.943529-155.708235h531.727059l89.750589 155.708235h146.070588l-117.850353-204.348235H237.808941z" fill="#A267F8" p-id="11883"></path><path d="M281.780706 720.112941l-43.971765 77.824H1005.327059l-44.875294-77.824z" fill="#F9D11F" p-id="11884"></path><path d="M282.202353 301.658353h681.170823v-126.494118H282.202353zM408.696471 506.006588h428.182588v-126.494117H408.696471z" fill="#FFFFFF" p-id="11885"></path></svg></div><h2 class="title" data-v-a3976bdc>丰富多彩</h2><p class="details" data-v-a3976bdc>多种框架随用随选，包含：Vue、uni-app 常用开发框架，为开发提效。</p><!----></article><!--]--></div></div><div class="grid-4 item" data-v-a6181336><div class="VPLink no-icon VPFeature" data-v-a6181336 data-v-a3976bdc><!--[--><article class="box" data-v-a3976bdc><div class="icon" data-v-a3976bdc><svg t="1713946769505" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1380" width="64" height="64"><path d="M554.276571 81.408a48.420571 48.420571 0 0 0-70.217142 18.066286c-16.091429 31.012571-61.513143 116.736-113.737143 195.291428-26.185143 39.497143-53.248 75.849143-78.482286 102.473143-12.653714 13.312-24.064 23.405714-33.865143 30.061714a69.705143 69.705143 0 0 1-12.946286 7.168V950.857143h473.088c48.201143 0 90.697143-31.744 104.740572-78.262857l124.781714-413.988572a73.435429 73.435429 0 0 0-69.778286-94.939428H623.616l31.451429-126.537143a110.738286 110.738286 0 0 0-45.568-118.564572l-55.222858-37.156571zM208.457143 950.857143V435.931429h-62.317714C105.837714 435.931429 73.142857 468.845714 73.142857 509.513143v367.762286C73.142857 917.942857 105.837714 950.857143 146.139429 950.857143h62.317714z" fill="#FF7C00" p-id="1381"></path></svg></div><h2 class="title" data-v-a3976bdc>最佳实践</h2><p class="details" data-v-a3976bdc>不断积累多个项目开发经验，迭代优化代码及引用资源，形成最佳实践并逐渐成为标准。</p><!----></article><!--]--></div></div><div class="grid-4 item" data-v-a6181336><a class="VPLink link no-icon VPFeature" href="/site/zh/blog/" data-v-a6181336 data-v-a3976bdc><!--[--><article class="box" data-v-a3976bdc><div class="icon" data-v-a3976bdc><svg t="1713946802116" class="icon" viewBox="0 0 1031 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1537" width="64" height="64"><path d="M307.2 1017.6c-12.8 0-32-6.4-38.4-12.8-19.2-19.2-25.6-44.8-12.8-70.4l32-83.2C288 844.8 294.4 832 294.4 832c0-19.2 19.2-32 32-25.6 19.2 0 32 12.8 32 32 0 12.8-6.4 32-12.8 44.8l-32 76.8 198.4-108.8c6.4 0 12.8-6.4 12.8-6.4 243.2-6.4 441.6-179.2 441.6-396.8 0-204.8-204.8-384-448-384-236.8 0-441.6 172.8-448 384-6.4 121.6 57.6 230.4 166.4 313.6 12.8 12.8 19.2 32 6.4 44.8-12.8 12.8-32 19.2-44.8 6.4-128-89.6-198.4-224-198.4-364.8 6.4-243.2 243.2-448 512-448 275.2 0 512 204.8 512 448 0 249.6-224 454.4-492.8 460.8l-198.4 108.8C326.4 1017.6 320 1017.6 307.2 1017.6z" fill="#2aa515" p-id="1538"></path><path d="M697.6 416 339.2 416C320 416 307.2 403.2 307.2 384c0-19.2 12.8-32 32-32l358.4 0c19.2 0 32 12.8 32 32C729.6 403.2 716.8 416 697.6 416z" fill="#2aa515" p-id="1539"></path><path d="M576 563.2 339.2 563.2c-19.2 0-32-12.8-32-32 0-19.2 12.8-32 32-32l243.2 0c19.2 0 32 12.8 32 32C608 550.4 595.2 563.2 576 563.2z" fill="#2aa515" p-id="1540"></path></svg></div><h2 class="title" data-v-a3976bdc>联系我</h2><p class="details" data-v-a3976bdc>如果您在使用过程中发现问题或者有更好的建议，可反馈至微信： anyupxing</p><div class="link-text" data-v-a3976bdc><p class="link-text-value" data-v-a3976bdc>关于我 <span class="vpi-arrow-right link-text-icon" data-v-a3976bdc></span></p></div></article><!--]--></a></div><!--]--></div></div></div><!--[--><!--]--><div class="vp-doc container" style="--vp-offset:calc(50% - Infinitypx);" data-v-686f80a6 data-v-82d4af08><!--[--><div style="position:relative;" data-v-686f80a6><div><div class="project-info" data-v-bd21d4d6><div class="card-group blue" data-v-bd21d4d6><div class="card-group-title primary" data-v-bd21d4d6>开源项目</div><div class="el-card is-never-shadow" data-v-bd21d4d6><div class="el-card__header"><!--[--><div class="card-header" data-v-bd21d4d6><span data-v-bd21d4d6>uni-app 快速开发工具库</span></div><!--]--></div><div class="el-card__body" style=""><!--[--><p data-v-bd21d4d6> 简介：基于 uni-app 的一个快速开发工具库，UI 组件基于 uView。uView 已经非常优秀，本着不重复造轮子、快速高效开发 App 的原则，同时基于项目开发最佳实践，不断优化迭代。使用该工具库可以高效、快速的进行多平台开发 App、H5、微信小程序等。 这套工具库的初衷是面向实际开发项目，打造一个好用、快速开发、最佳实践的高标准工具库。 </p><!--]--></div><div class="el-card__footer"><!--[--><div class="demo-scan-row" data-v-bd21d4d6 data-v-6d4a47da><!--[--><div class="demo-scan-col" data-v-6d4a47da><div class="demo-scan-item" style="border-color:#c6e2ff;" data-v-6d4a47da><img src="./images/thumb-colorful-app.png" data-v-6d4a47da></div></div><div class="demo-scan-col" data-v-6d4a47da><div class="demo-scan-item" style="border-color:#c6e2ff;" data-v-6d4a47da><img src="https://www.anyup.cn/static/anyup/images/qr_wx.png" data-v-6d4a47da><div class="demo-scan-name" data-v-6d4a47da>微信小程序</div><p class="demo-scan-tips" data-v-6d4a47da>微信扫码</p></div></div><div class="demo-scan-col" data-v-6d4a47da><div class="demo-scan-item" style="border-color:#c6e2ff;" data-v-6d4a47da><a href="https://www.anyup.cn/h5model.html" target="_blank" data-v-6d4a47da><img src="https://www.anyup.cn/static/anyup/images/qr_h5model.png" data-v-6d4a47da></a><div class="demo-scan-name" data-v-6d4a47da>浏览器 H5</div><p class="demo-scan-tips" data-v-6d4a47da>微信或浏览器扫码</p></div></div><div class="demo-scan-col" data-v-6d4a47da><div class="demo-scan-item" style="border-color:#c6e2ff;" data-v-6d4a47da><a href="https://www.pgyer.com/anyup-demo" target="_blank" data-v-6d4a47da><img src="https://www.anyup.cn/static/anyup/images/qr_android.png" data-v-6d4a47da></a><div class="demo-scan-name" data-v-6d4a47da>安卓</div><p class="demo-scan-tips" data-v-6d4a47da>浏览器扫码安装</p></div></div><!--]--></div><!--]--></div></div></div><div class="card-group green" data-v-bd21d4d6><div class="card-group-title" data-v-bd21d4d6>软考题库</div><div class="el-card is-never-shadow" data-v-bd21d4d6><div class="el-card__header"><!--[--><div class="card-header" data-v-bd21d4d6><span data-v-bd21d4d6>有题记</span></div><!--]--></div><div class="el-card__body" style=""><!--[--><p data-v-bd21d4d6>简介：有题记小程序是我个人独立开发的一款 PMP 和软考刷题小程序，目前完全免费，致力于做最好用的考试刷题小程序。技术栈为：uni-app + uniCloud</p><!--]--></div><div class="el-card__footer"><!--[--><div class="demo-scan-row" data-v-bd21d4d6 data-v-6d4a47da><!--[--><div class="demo-scan-col" data-v-6d4a47da><div class="demo-scan-item" style="border-color:#d2edc4;" data-v-6d4a47da><img src="./images/qr_wx_youti.jpg" data-v-6d4a47da><div class="demo-scan-name" data-v-6d4a47da>有题记</div><p class="demo-scan-tips" data-v-6d4a47da>微信扫码</p></div></div><div class="demo-scan-col" data-v-6d4a47da><div class="demo-scan-item" style="border-color:#d2edc4;" data-v-6d4a47da><img src="./images/youti1.png" data-v-6d4a47da></div></div><div class="demo-scan-col" data-v-6d4a47da><div class="demo-scan-item" style="border-color:#d2edc4;" data-v-6d4a47da><img src="./images/youti2.png" data-v-6d4a47da></div></div><div class="demo-scan-col" data-v-6d4a47da><div class="demo-scan-item" style="border-color:#d2edc4;" data-v-6d4a47da><img src="./images/youti3.png" data-v-6d4a47da></div></div><!--]--></div><!--]--></div></div></div><div class="card-group yellow" data-v-bd21d4d6><div class="card-group-title" data-v-bd21d4d6>个人品牌建设</div><div class="el-card is-never-shadow" data-v-bd21d4d6><div class="el-card__header"><!--[--><div class="card-header" data-v-bd21d4d6><span data-v-bd21d4d6>前端梦工厂</span></div><!--]--></div><div class="el-card__body" style=""><!--[--><p data-v-bd21d4d6>简介：前端梦工厂是一个汇聚前端梦想和工作的精彩公众号，同时也是掘金优秀创作者，CSDN 博客专家。关注我，让我们一起逐梦前端！</p><!--]--></div><div class="el-card__footer"><!--[--><div class="demo-scan-row" data-v-bd21d4d6 data-v-6d4a47da><!--[--><div class="demo-scan-col" data-v-6d4a47da><div class="demo-scan-item" style="border-color:#f8e3c5;" data-v-6d4a47da><img src="https://www.anyup.cn/static/anyup/images/qr_wx_public.jpg" data-v-6d4a47da><div class="demo-scan-name" data-v-6d4a47da>微信公众号</div><p class="demo-scan-tips" data-v-6d4a47da>微信扫码</p></div></div><div class="demo-scan-col" data-v-6d4a47da><div class="demo-scan-item" style="border-color:#f8e3c5;" data-v-6d4a47da><a href="https://juejin.cn/user/4230576472589976/posts" target="_blank" data-v-6d4a47da><img src="./images/juejin.png" data-v-6d4a47da></a><div class="demo-scan-name" data-v-6d4a47da>掘金</div><p class="demo-scan-tips" data-v-6d4a47da>点击查看关注我</p></div></div><div class="demo-scan-col" data-v-6d4a47da><div class="demo-scan-item" style="border-color:#f8e3c5;" data-v-6d4a47da><a href="https://blog.csdn.net/qq_24956515" target="_blank" data-v-6d4a47da><img src="./images/csdn.png" data-v-6d4a47da></a><div class="demo-scan-name" data-v-6d4a47da>CSDN</div><p class="demo-scan-tips" data-v-6d4a47da>点击查看关注我</p></div></div><div class="demo-scan-col" data-v-6d4a47da><div class="demo-scan-item" style="border-color:#f8e3c5;" data-v-6d4a47da><a href="https://www.yuque.com/anyup" target="_blank" data-v-6d4a47da><img src="./images/yuque.png" data-v-6d4a47da></a><div class="demo-scan-name" data-v-6d4a47da>语雀</div><p class="demo-scan-tips" data-v-6d4a47da>点击查看关注我</p></div></div><!--]--></div><!--]--></div></div></div></div><div class="pv-row" data-v-f0194b73><div class="pv-col" data-v-f0194b73>本站总访问量<span id="busuanzi_value_site_pv" data-v-f0194b73></span>次</div><div class="pv-col" data-v-f0194b73>本站总访客数<span id="busuanzi_value_site_uv" data-v-f0194b73></span>人</div><div class="pv-col" data-v-f0194b73>本文总阅读量<span id="busuanzi_value_page_pv" data-v-f0194b73></span>次</div></div></div></div><!--]--></div></div></div><footer class="VPFooter" data-v-5d98c3a5 data-v-e315a0ad><div class="container" data-v-e315a0ad><p class="message" data-v-e315a0ad>备案许可：<a style="color:#4e6e8e;" rel="noopener noreferrer" target="_blank" href="https://beian.miit.gov.cn/">鲁ICP备2021040594号-1</a></p><p class="copyright" data-v-e315a0ad>Copyright © 2020 - 2024 <a target="_blank" href="https://github.com/anyup"> Colorful Design </a></p></div></footer><!--[--><!--]--></div></div>
    
    
  </body>
</html>